<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href='https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css' rel='stylesheet'>

</head>
<body>
<table>
    <tr>订单信息</tr>
    <table >
    <tr>
        <td>订单编号：</td>
        <td>订单时间：</td>
        <td>订单金额：</td>
        <td>实付金额：</td>
        <td>订单来源：</td>
    </tr>
    <tr>
        <td>优惠金额：</td>
        <td>优惠方式：</td>
        <td>付款方式：</td>
        <td>付款时间：</td>
        <td>订单状态：</td>
    </tr>
    </table>
    <tr></tr>
</table>
<table>
    <tr>客户信息</tr>
    <table >
        <tr>
            <td>客户编号：</td>
            <td>客户名称：</td>
            <td>认证状态：</td>
        </tr>
        <tr>
            <td>联系人：</td>
            <td>联系方式：</td>
            <td>收货地址：</td>
         </tr>
    </table>
    <tr>商品明细</tr>

    <tr>
        <table class="table table-striped" contenteditable="true">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>商品名称</th>
                    <th>商品编码</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>订单金额</th>
                    <th>优惠金额</th>
                    <th>实付金额</th>
                </tr>
            <#list lists as list>
                <tr>${list.oid} </tr>
                <tr>${list.oname} </tr>
                <tr>${list.begintime} </tr>

            </#list>

            </thead>
            <tbody>
            <#--以下是循环的-->
            <tr>
                <td>1</td>
                <td>TB - Monthly</td>
                <td>01/04/2012</td>
                <td>Default</td>
                <td>1</td>
                <td>TB - Monthly</td>
                <td>01/04/2012</td>
                <td>Default</td>
            </tr>
            <tr class="success">
                <td>1</td>
                <td>TB - Monthly</td>
                <td>01/04/2012</td>
                <td>Approved</td>
                <td>1</td>
                <td>TB - Monthly</td>
                <td>01/04/2012</td>
                <td>Approved</td>
            </tr>
            <tr class="error">
                <td>2</td>
                <td>TB - Monthly</td>
                <td>02/04/2012</td>
                <td>Declined</td>
                <td>2</td>
                <td>TB - Monthly</td>
                <td>02/04/2012</td>
                <td>Declined</td>
            </tr>
            <tr class="warning">
                <td>3</td>
                <td>TB - Monthly</td>
                <td>03/04/2012</td>
                <td>Pending</td>
                <td>3</td>
                <td>TB - Monthly</td>
                <td>03/04/2012</td>
                <td>Pending</td>
            </tr>
            <tr class="info">
                <td>4</td>
                <td>TB - Monthly</td>
                <td>04/04/2012</td>
                <td>Call in to confirm</td>
                <td>4</td>
                <td>TB - Monthly</td>
                <td>04/04/2012</td>
                <td>Call in to confirm</td>
            </tr>
            <#--以上是循环的-->
            <tr class="success">
                <td>合计</td>
                <td></td>
                <td></td>
                <td></td>
                <td>100</td>
                <td>1000</td>
                <td>122</td>
                <td>1000-122</td>
            </tr>
            </tbody>
        </table>

    </tr>


</table>
</body>
</html>